<div class="logobar">
    <div>
        <img src="./images/logo.png">
    </div>
</div>
<div class="content" style="width:1000px">
    <div class="clearfix" style="width: 1000px;position: relative;margin-top: 30px;margin-bottom: 20px;">
        <div style="width:100%;background: #ddd;height:6px;position: absolute;top:50px;left:0;"></div>
        <div style="width:500px;background: #f70;height:6px;position: absolute;top:50px;left:0;"></div>
        <ul style="position: relative;z-index: 1">
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">提交订单</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">1</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">付款到淘家政</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">2</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;">完成订单</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="background: #ddd;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">3</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;">评价</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="background: #ddd;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">4</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="panel panel-success padding20 clearfix" style="background-color: #f2fded;border-top: 2px solid #7eb95d;border-radius: 0;">
        <div class="fl"><i class="fa fa-check" style="color: #7eb95d;font-size: 30px;"></i></div>
        <div class="fl" style="margin-left: 20px;">
            <p style="color: #7eb95d;font-size: 15px;font-weight: 600;margin-bottom: 5px;">订单提交成功，请您及时付款，以便订单尽快处理！<p>
            <p class="font-gray" style="margin-bottom: 5px;font-size: 13px;">请您在提交订单后<span class="font-orange">24小时</span>内完成支付，否则订单会自动取消。</p>
            <p>订单号：20171223 | 应付金额：<span class="font-red">{{info.price}}</span>元</p>
        </div>
        <img class="fr" src="images/erweima.png">
    </div>
    <div class="panel panel-success">
        <div class="panel-heading">订单信息</div>
        <div class="clearfix font-gray1" style="margin-top: 20px;">
            <div class="fl" style="text-align:center;width:590px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">职位信息</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">单价</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">数量</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">优惠方式</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff">小计</div>
        </div>
        <div class="clearfix" style="padding: 10px;background-color: #fbfcff;border-bottom: 1px dotted #ddd">
            <div class="fl" style="width:580px;overflow: hidden;margin-right: 2px;">
                <div class="fl" style="border:1px solid #eaeaea;width: 100px;height: 100px;line-height: 100px;margin-right: 10px;"><img ng-src="{{info.imageUrl}}" style="max-width: 100px;max-height: 100px;"></div>
                <div class="fl" style="width: 360px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap"><b>{{info.title}}</b><br>{{info.info}}</div>
            </div>
            <div class="fl" style="text-align:center;width:100px;margin-right: 2px;">{{info.price}}</div>
            <div class="fl" style="text-align:center;width:100px;margin-right: 2px;">1</div>
            <div class="fl" style="text-align:center;width:100px;margin-right: 2px;">无</div>
            <div class="fl font-red" style="text-align:center;width:90px;font-weight: 700">{{info.price}}</div>
        </div>
        <div class="clearfix" style="padding: 10px;background-color: #fbfcff">
            <div class="fr font-gray1">合计支付：<span class="font-red" style="font-weight: 700">{{info.price}}</span></div>
        </div>
    </div>
    <div class="panel panel-danger padding20" style="background-color: #fffdee">
        <p class="clearfix" style=";padding-bottom: 10px;border-bottom: 1px solid #ebe6d0;">
            <span class="font16">淘家政账户支付</span>
            <span class="fr">支付金额（元）：<span class="font-red" style="font-weight: 700;font-size: 20px">{{info.price}}</span></span>
        </p>
        <div style="margin-top: 40px;">
            <input type="password" style="width: 200px;height: 39px;" placeholder="请输入支付密码" ng-model="password">
            <button class="button button-caution button-glow" ng-click="pay()">立即支付</button>
            <a style="margin-left: 10px;color: #3388ff;">忘记密码？</a>
        </div>
        <div style="margin-top: 10px;">
            完成支付后，您可以：<a style="color: #3388ff">查看订单详情</a>
        </div>
    </div>
</div>